<%-- 
    Document   : busqueda-videos
    Created on : 15-sep-2012, 14:31:17
    Author     : fabianstevennovoapalomares
--%>

<%@page import="co.edu.uniminuto.arqSw.videoMinuto.Hibernate.Video"%>
<%@page import="co.edu.uniminuto.arqSw.videoMinuto.Hibernate.TipoCalificacion"%>
<%@page import="co.edu.uniminuto.arqSw.videoMinuto.Hibernate.Clasificacion"%>
<%@page import="co.edu.uniminuto.arqSw.videoMinuto.Hibernate.Idioma"%>
<%@page import="co.edu.uniminuto.arqSw.videoMinuto.Hibernate.TipoPersona"%>
<%@page import="co.edu.uniminuto.arqSw.videoMinuto.Hibernate.Categoria"%>
<%@page import="java.util.List"%>
<%@page import="co.edu.uniminuto.arqSw.videoMinuto.util.ParametrosGlobales"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>

<html>
    <head>
        
        <%
        
            List<Categoria> categorias= (List<Categoria>) request.getAttribute("categorias");
            List<TipoPersona> roles= (List<TipoPersona>) request.getAttribute("roles");
            List<Idioma> idiomas= (List<Idioma>) request.getAttribute("idiomas");
            List<Clasificacion> clasificaciones= (List<Clasificacion>) request.getAttribute("clasificaciones");
            List<TipoCalificacion> tipo_calificaciones= (List<TipoCalificacion>) request.getAttribute("tipo_calificaciones");
            List<Video> videos=(List<Video>) request.getAttribute("videos");
            
        %>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>.:VideoMinuto </title>
       
        <link type="text/css" href="contenido/css/estilos.css" rel="stylesheet">
        <link type="text/css" href="contenido/liberias/jquery-ui-1/css/cupertino/jquery-ui-1.8.18.custom.css" rel="stylesheet" />
        <link type="text/css" href="contenido/liberias/prettyCheckboxes/css/prettyCheckboxes.css" rel="stylesheet"  media="screen" title="prettyComment main stylesheet" charset="utf-8" />
        <link type="text/css" href="contenido/liberias/jquery-ui-1/css/ui.selectmenu.css" rel="stylesheet" />
        <link type="text/css" href="contenido/liberias/prompt/jquery-impromptu.css" rel="stylesheet" />
        
        <script src="contenido/liberias/jquery-ui-1/js/jquery-1.7.1.min.js" type="text/javascript"></script>
        <script src="contenido/liberias/jqueryTools/jquery.tools.min.js" type="text/javascript"></script>
        <script src="contenido/liberias/jquery-ui-1/js/jquery-ui-1.8.18.custom.min.js" type="text/javascript"></script>
        <script src="contenido/liberias/jgrid/js/i18n/grid.locale-es.js" type="text/javascript"></script>
        <script src="contenido/liberias/jgrid/js/jquery.jqGrid.min.js" type="text/javascript"></script>
        <script src="contenido/liberias/prettyCheckboxes/js/prettyCheckboxes.js" type="text/javascript"></script>
        <script src="contenido/liberias/jquery-ui-1/js/ui.selectmenu.js" type="text/javascript"></script>
        <script src="contenido/liberias/prompt/jquery-impromptu.4.0.min.js" type="text/javascript"></script>
        
        <script src="contenido/javascript/funcionesComunes.js" type="text/javascript"></script>
        
        <script type="text/javascript">
            
            function convertirDatos(){
               
              // alert("hola");
               
               var cats="";
               $('.categorias').each(function(obj){
                   
			if($(this).is(':checked')){
                                cats+=$(this).val()+",";
                             
				
				//alert($(this).val());
			}
               });    
               
            $("#<%=ParametrosGlobales.FILTRO_CATEGORIA%>").val(cats.substr(0, cats.length-1));
               return true;
                
            }
            
            
        </script>
    </head>

    <body>
    
    
    
        <div id="sup">
            <div id="logo"><img src="contenido/imagenes/logo.jpg" border="0"></div>
            
            <div class="titular"><h3>VIDEO MINUTO</h3></div> 
            
            <div class="formu_login"><h3>Salir</h3></div>
            <%if(request.getAttribute("mensaje") != null){%>
                <div id="resultados"><%=request.getAttribute("mensaje")%></div>
            <%}%>
        </div>




        <div id="contiene_full">


                
            
           

            
                                
            <div id="contiene_filtros">
                
                
                
                   
                    
                <form id="consulta_videoMinuto" class="form_consulta" method="post" action="VideoServlet" onsubmit="return convertirDatos();">
                                <div id="filtro">

                                    <div id="misfiltros">
                                                                                
                                     <div class="titular" title=""><h3>Opciones de Consulta</h3></div>  
                                     <p class="texto_indica">Realice Sus búsquedas personalizadas utilizando los siguientes filtros</p>
                                        <!-- Tipo video -->
                                            <div>
                                                <div class="titular"><h3>Tipo Video:</h3></div>
                                                <div  class='parte_filtro'>
                                                    <select name="<%=ParametrosGlobales.FILTRO_TIPO_VIDEO%>" id="<%=ParametrosGlobales.FILTRO_TIPO_VIDEO%>">
                                                        <option value="0">Todos</option>
                                                        <option value="1">Pelicula</option>
                                                        <option value="2">Serie</option>
                                                        <option value="3">Colección</option>
                                                        <option value="4">No Clasificado</option>
                                                    </select>
                                                </div>
                                            </div>

                                            <!-- Categoria -->
                                            <div>
                                                <div class="titular"><h3>Categorías</h3></div>
                                                <div  class='parte_filtro'>
                                                    
                                                    <%for(Categoria c: categorias){%>
                                                        <input class="categorias" type="checkbox" id="<%=ParametrosGlobales.FILTRO_CATEGORIA+c.getIdCategoria()%>" name="<%=ParametrosGlobales.FILTRO_CATEGORIA+c.getIdCategoria()%>" value="<%=c.getIdCategoria()%>"/><label><%=c.getNomCategoria()%>: </label>
                                                    <%}%>
                                                    <input type="hidden" id="<%=ParametrosGlobales.FILTRO_CATEGORIA%>" name="<%=ParametrosGlobales.FILTRO_CATEGORIA%>" value="">
                                                </div>
                                            </div>

                                            <!-- Rango fechas -->
                                            <div>
                                                <div class="titular"><h3>Rango Fecha de Producción</h3></div>
                                                <div  class='parte_filtro'>
                                                    <label>Fecha inicio produccion: <input name="<%=ParametrosGlobales.FILTRO_FECHA_INI_PRODUCCION%>" id="<%=ParametrosGlobales.FILTRO_FECHA_INI_PRODUCCION%>"type="date"/></label>
                                                    <label>Fecha final produccion: <input name="<%=ParametrosGlobales.FILTRO_FECHA_FIN_PRODUCCION%>" id="<%=ParametrosGlobales.FILTRO_FECHA_FIN_PRODUCCION%>" type="date"/></label>
                                                </div>
                                            </div>

                                            <!-- Calificacion -->
                                            <div>
                                               <div class="titular"><h3>Rango Calificacion:</h3></div>
                                                <div  class='parte_filtro'>
                                                    <label>Desde <input type="text" name="<%=ParametrosGlobales.FILTRO_RANGO_CAL_INI%>" id="<%=ParametrosGlobales.FILTRO_RANGO_CAL_INI%>"/> </label>
                                                    <label>Hasta <input type="text" name="<%=ParametrosGlobales.FILTRO_RANGO_CAL_FIN%>" id="<%=ParametrosGlobales.FILTRO_RANGO_CAL_FIN%>"/> </label>
                                                    <select name="<%=ParametrosGlobales.FILTRO_CALIFICACION%>" id="<%=ParametrosGlobales.FILTRO_CALIFICACION%>">
                                                        <%for(TipoCalificacion t_cal: tipo_calificaciones){%>
                                                        <option value="<%=t_cal.getIdTipoCalificacion()%>"><%=t_cal.getNomTipoCalificacion()%></option>
                                                        <%}%>
                                                    </select>
                                                </div>
                                            </div>

                                            <!-- Duracion -->
                                            <div>
                                                <div class="titular"><h3>Rango de Duración (Minutos):</h3></div>
                                                <div  class='parte_filtro'>
                                                    <label>Desde <input type="number" id="<%=ParametrosGlobales.FILTRO_RANGO_DURACION_INI%>" name="<%=ParametrosGlobales.FILTRO_RANGO_DURACION_INI%>"/> </label>
                                                    <label>Hasta <input type="number" id="<%=ParametrosGlobales.FILTRO_RANGO_DURACION_FIN%>" name="<%=ParametrosGlobales.FILTRO_RANGO_DURACION_FIN%>"/> </label> 
                                                </div>
                                            </div>

                                            <!-- Duracion del Video -->
                                            <div>
                                               <div class="titular"><h3>Cantidad de Videos</h3></div>
                                                <div  class='parte_filtro'>
                                                    <label>Numero: <input type="number" id="<%=ParametrosGlobales.FILTRO_CANTIDAD_VIDEOS%>" name="<%=ParametrosGlobales.FILTRO_CANTIDAD_VIDEOS%>"/> </label> 
                                                </div>
                                            </div>

                                            <!-- Idioma -->
                                            <div>
                                                <div class="titular"><h3>Idioma</h3></div>
                                                <div  class='parte_filtro'>
                                                    <label>Tipo:
                                                        <select id="<%=ParametrosGlobales.FILTRO_TIPO_IDIOMA%>" name="<%=ParametrosGlobales.FILTRO_TIPO_IDIOMA%>">
                                                             <option value="">Seleccione</option>
                                                            <option value="1">Idioma Original</option>
                                                            <option value="2">Doblaje</option>
                                                            <option value="3">Subtitulos</option>
                                                        </select> 
                                                </label>
                                                <label>Idioma:
                                                        <select id="<%=ParametrosGlobales.FILTRO_IDIOMA%>" name="<%=ParametrosGlobales.FILTRO_IDIOMA%>">
                                                            <option value="">Seleccione</option>
                                                            <%for(Idioma i: idiomas){%>
                                                            <option value="<%=i.getIdIdioma()%>"><%=i.getNomIdioma()%></option>
                                                            <%}%>
                                                        </select> 
                                                </label>
                                                </div>
                                            </div>

                                            <!-- Clasificacion -->
                                            <div>
                                                <div class="titular"><h3>Clasificacion</h3></div>
                                                <div class='parte_filtro'>   
                                                    
                                                    <select id="<%=ParametrosGlobales.FILTRO_CLASIFICACION%>" name="<%=ParametrosGlobales.FILTRO_CLASIFICACION%>">
                                                         <option value="">Seleccione</option>
                                                        <%for(Clasificacion cl: clasificaciones){%>
                                                            <option value="<%=cl.getIdClasificacion()%>"><%=cl.getNomClasificacion()%></option>
                                                        <%}%>
                                                    </select>
                                                </div>
                                            </div>    
                                            <!-- Personas -->
                                            <div>
                                               <div class="titular"><h3>Personas Relacionadas:</h3></div>
                                                <div  class='parte_filtro'>
                                                    <label>Rol:
                                                        <select id="<%=ParametrosGlobales.FILTRO_ROL_PERSONA%>" name="<%=ParametrosGlobales.FILTRO_ROL_PERSONA%>">
                                                            <option value="">Seleccione</option>
                                                            <%for(TipoPersona t: roles){%>
                                                            <option value="<%=t.getIdTipoPersona()%>"><%=t.getNomTipoPersona()%></option>
                                                            
                                                            <%}%>
                                                        </select> 
                                                </label>
                                                            <label>Nombre: <input type="text" name="<%=ParametrosGlobales.FILTRO_NOMBRE_PERSONA%>" id="<%=ParametrosGlobales.FILTRO_NOMBRE_PERSONA%>"/></label>
                                                </div>
                                            </div>
                                        
                                        
                                        
                                    </div>
                                        

                                    
                                
                                <div class="botones">
                                   
                                    <div class="boton_consulta"> <a id="consultaTabla" href="#" target="contieneTablas">Buscar</a></div>
                                    
                                </div>
                            </div>
                        </form>
                                                <form action="InsertarVideoServlet" method="POST"id="crear">
                                        <div class="boton_consulta"> <input type="submit" value="Crear" /><br></div>
                                    </form>
                    
            
                
               
    </div>

    
    <div id="contiene_resultados">


     <div class="contenedor">
                    <%if (videos!=null){%>
                    <div class="videoRenglon">
                                <div class="registros">ISAN</div>
                                <div class="registros">TITULO</div>
                                <div class="registros">DURACIÓN (Minutos)</div>
                                <div class="registros">FECHA DE PRODUCCIÓN</div>
                                <div class="registros">Acciones</div>
                            </div>
                        <% for (Video v: videos){%>
                            <div class="videoRenglon">
                                <div class="registros"><%=v.getIsan()%></div>
                                <div class="registros"><%=v.getTitulo()%></div>  
                                <div class="registros"><%=v.getDuraVideo()%></div>  
                                <div class="registros"><%=v.getFechaProduccion()%></div>
                                <div class="registros"><a href="#">Editar</a>-<a href="eliminarVideo?idVideo=<%=v.getIdVideo()%>">Eliminar</a></div>  
                            </div>

                        <%}
                     }%>
                </div>
                
       

    </div>
           

        </div>
    <!-- <div id="sub">contiene footer</div> -->


</body>
</html>
